<template>
	<view class="fun-buttom">
		<!--	<view class="advertising" />-->
		<view class="funs">
			<view
				class="fun-list"
				v-for="(item,index) in funList"
				:key="index"
				@click="linkTo(item.pathUrl)"
			>
				<image :src="item.labelicon" />
				<text>{{item.label}}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      // 功能列表
      funList: [
        { label: '我的足迹', labelicon: 'https://skillgo.cn/image/charge/myinfor/historyRecord.png', pathUrl: '/packages/MyWorld/History/index' },
        { label: '我的主页', labelicon: 'https://skillgo.cn/image/charge/myinfor/HomePage.png', pathUrl: '/packages/MyWorld/personPage/index' },
        { label: '关于我们', labelicon: 'https://skillgo.cn/image/charge/myinfor/aboutUs.png', pathUrl: '/packages/MyWorld/intrucBook/index' },
        { label: '投诉反馈', labelicon: 'https://skillgo.cn/image/charge/myinfor/complait.png', pathUrl: '/packages/MyWorld/feback/index' },
        { label: '我的设置', labelicon: 'https://skillgo.cn/image/charge/myinfor/setting.png', pathUrl: '/packages/MyWorld/Set/index' },
      ]
    }
  }
}
</script>

<style lang="scss">
.fun-buttom{
	padding: 0 20rpx;
	.advertising{
		height: 192rpx;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border-radius: 15rpx;
		text-align: center;
		width: 95%;
		margin-left: 50%;
		transform: translate(-50%);

		.image{
			border-radius: 15rpx;
			width: 100%;
			height: 100%;
		}
	}
	.funs{
		margin-top: 48rpx;
		background: #fff;
		padding: 32rpx;
		width: 95%;
		margin-left: 50%;
		transform: translate(-50%);
		border-radius: 32rpx;
		.fun-list{
			display: flex;
			padding-left: 32rpx;
			line-height: 100rpx;

			padding-top: 30rpx;
			padding-bottom: 30rpx;
			image{
				height:48rpx ;
				width: 48rpx;
			}
			text{
				font-size: 35rpx;
				margin-left: 20rpx;
				color: #000;
				line-height: 48rpx;
			}
		}
	}
	.funs .fun-list:not(:last-child) {
		border-bottom: 2rpx rgba(58, 98, 233, 0.2) solid;
	}

}
</style>
0
